* {
  margin: 0;
  padding: 0;
}

.box {
  header {
    height: 100px;
    margin: 10px 0;
    span {
      display: inline-block;
      line-height: 40px;
      margin-right: 10px;
    }
    ul {
      display: inline-block;
      .color {
        margin: 0 30px;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 25px;
        position: relative;
        ul {
          display: none;
          position: absolute;
          width: 100px;
          top: 0;
        }
        &:hover {
          ul {
            display: block;
          }
        }
      }
    }
    input {
      color: white;
    }
    label {
      margin-left: 15px;
    }
  }
  main {
    div {
      height: 500px;
      width: 100%;
      background: blue;
      display: flex;
      justify-content: center;
      align-items: center;
      h1 {
        color: white;
      }
    }
  }
}
